
        <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
            <style type="text/css">
                body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
                #allmap{height:100%;width:100%;}
                #r-result{width:100%; font-size:14px;}
            </style>
            <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=mbGq5Dh8rUKhnzP6VbB0g1izAsyUjGab"></script>
            <title>经纬度定位</title>
        </head>
        <body>
            <div id="allmap"></div>
            <!--<div id="r-result">-->
                <!--经度: <input id="longitude" type="text" style="width:100px; margin-right:10px;" />-->
                <!--纬度: <input id="latitude" type="text" style="width:100px; margin-right:10px;" />-->
                <!--<input type="button" value="查询" onclick="theLocation()" />-->
            <!--</div>-->
        </body>
        </html>
        <script type="text/javascript">
            // 百度地图API功能
            var map = new BMap.Map("allmap");
            map.centerAndZoom(new BMap.Point(112.424483,34.640631), 15);//洛浦公园坐标
            map.enableScrollWheelZoom(true);
        
            //新建定位标准
            map.clearOverlays();
            var new_point = new BMap.Point(112.424483,34.640631);	//changePoint1
            var marker = new BMap.Marker(new_point);  // 创建标注
            map.addOverlay(marker);              // 将标注添加到地图中
            map.panTo(new_point);
        
            //增加定位信息标注
            map.centerAndZoom(new_point, 15);
            var opts = {
              width : 50,     // 信息窗口宽度
              height: 50,     // 信息窗口高度
              title : "我的最新位置" , // 信息窗口标题
              enableMessage:true,//设置允许信息窗发送短息
              message:"我就在这里哦~~~~"
            }
            var infoWindow = new BMap.InfoWindow("我确实就在这里！！！", opts);  // 创建信息窗口对象
            marker.addEventListener("click", function(){
                map.openInfoWindow(infoWindow,new_point); //开启信息窗口
            });
        
            // 用经纬度设置地图中心点
            function theLocation(){
                if(document.getElementById("longitude").value != "" && document.getElementById("latitude").value != ""){
                    map.clearOverlays();
                    var new_point = new BMap.Point(document.getElementById("longitude").value,document.getElementById("latitude").value);
                    var marker = new BMap.Marker(new_point);  // 创建标注
                    map.addOverlay(marker);              // 将标注添加到地图中
                    map.panTo(new_point);
                }
            }
        </script>
        